<div>
	<form id="chartppy" class="layui-form layui-form-pane" action="/apps/report/design/changechartppy.html" method="post" >
	<input type="hidden" name="id" value="${reportModel.id!''}" >
	<div class="layui-tab">
	  <ul class="layui-tab-title">
	    <li class="layui-this">图表设置</li>
	    <li>样式设置</li>
	    <li>关联数据</li>
	  </ul>
	  <div class="layui-tab-content" style="padding:5px;">
	    <div class="layui-tab-item layui-show">
			<div class="layui-form-item" >
				<label class="layui-form-label">选择组件</label>
				<div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					<select name="template"  lay-filter="templatesel">
						<#if reportList??>
							<#list reportList as rtpl>
							<option value="${rtpl.id!''}" <#if  eltemplet?? &&  eltemplet.id == rtpl.id>selected="selected"</#if>>${rtpl.name!''}</option>
							</#list>
						</#if>
				      </select>
				</div>
			</div>
			<div class="ukefu-right-item">
				<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
				行列交换
				<span class="ukefu-right-item-span">
				<input type="checkbox" name="exchangerw" value="1" lay-skin="switch" lay-filter="exchangerw"<#if reportModel?? && reportModel.exchangerw>checked</#if>>
				</span>		
			</div>
			<div class="ukefu-right-item">
				<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
				显示导出按钮
				<span class="ukefu-right-item-span">
				<input type="checkbox" name="exporting" value="1" lay-skin="switch" lay-filter="exporting" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.exporting>checked</#if>>
				</span>		
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					数据量
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="isloadfulldata" value="true" lay-skin="switch" lay-filter="isloadfulldata" <#if reportModel?? && reportModel.isloadfulldata == 'true'>checked</#if>>
					</span>
				</div>
				<div class="ukefu-right-content" id="isloadfulldata" <#if reportModel?? && reportModel.isloadfulldata != 'true'>style="display:none"</#if> >
					<span>
						<input type="radio" lay-filter="pagesize"  name="pagesize" value="5" title="5" <#if reportModel?? && reportModel.pagesize== 5>checked</#if> >
					</span>
					<span>
						<input type="radio" lay-filter="pagesize"  name="pagesize" value="10" title="10" <#if reportModel?? && reportModel.pagesize== 10>checked</#if> >
					</span>
					<span>
						<input type="radio" lay-filter="pagesize"  name="pagesize" value="20" title="20" <#if reportModel?? && reportModel.pagesize== 20>checked</#if> >
					</span>
					<span>
						<input type="radio" lay-filter="pagesize"  name="pagesize" value="50" title="50" <#if reportModel?? && reportModel.pagesize== 50>checked</#if>>
					</span>
					<span>
						<input type="radio" lay-filter="pagesize"  name="pagesize" value="100" title="100" <#if reportModel?? && reportModel.pagesize== 100>checked</#if>>
					</span>
					<span>
						<input type="radio"  lay-filter="pagesize"  name="pagesize" value="500" title="500" <#if reportModel?? && reportModel.pagesize== 500>checked</#if>>
					</span>
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					显示图例
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="legen" value="true" lay-skin="switch" lay-filter="legen" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.legen >checked</#if>>
					</span>
				</div>
				<div class="ukefu-right-content" id="legen" <#if reportModel?? && reportModel.chartProperties?? && !reportModel.chartProperties.legen>style="display:none"</#if> >
					<span>
						<input type="radio" lay-filter="legenalign"  name="legenalign" value="top" title="顶部" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.legenalign== 'top'>checked</#if> >
					</span>
					<span>
						<input type="radio" lay-filter="legenalign"  name="legenalign" value="right" title="右端" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.legenalign== 'right'>checked</#if> >
					</span>
					<span>
						<input type="radio" lay-filter="legenalign"  name="legenalign" value="bottom" title="底部" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.legenalign== 'bottom'>checked</#if>>
					</span>
					<span>
						<input type="radio" lay-filter="legenalign"  name="legenalign" value="left" title="左端" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.legenalign== 'left'>checked</#if>>
					</span>
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					显示数值
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="dataview" value="true" lay-skin="switch" lay-filter="dataview" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.dataview >checked</#if>>
					</span>
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					数值格式化
					<span class="ukefu-right-item-span" style="width:100px;">
						<select name="format" lay-filter="format">
								<option value="" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='' >selected="selected"</#if>>默认</option>
								<option value="####" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='####' >selected="selected"</#if>>####</option>
								<option value="0.0" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='0.0' >selected="selected"</#if>>0.0</option>
								<option value="0.00" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='0.00' >selected="selected"</#if>>0.00</option>
								<option value="0.000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='0.000' >selected="selected"</#if>>0.000</option>
								<option value="100%" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='100%' >selected="selected"</#if>>100%</option>
								<option value="100.0%" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='100.0%' >selected="selected"</#if>>100.0%</option>
								<option value="100.00%" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='100.00%' >selected="selected"</#if>>100.00%</option>
								<option value="###,###" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='###,###' >selected="selected"</#if>>###,###</option>
								<option value="###,###.0" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='###,###.0' >selected="selected"</#if>>###,###.0</option>
								<option value="###,###.00" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='###,###.00' >selected="selected"</#if>>###,###.00</option>
								<option value="###,###.000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.format =='###,###.000' >selected="selected"</#if>>###,###.000</option>
					      </select>
					</span>
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					定时刷新频率
					<span class="ukefu-right-item-span" style="width:100px;">
						<select name="time" lay-filter="time">
								<option value="" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time =='' >selected="selected"</#if>>不刷新</option>
								<#list 1..10 as time>
								<option value="${time*1000}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time?? && reportModel.chartProperties.time == (time*1000)?string >selected="selected"</#if>>${time}秒</option>
								</#list>
								<option value="15000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time?? && reportModel.chartProperties.time == "15000" >selected="selected"</#if>>15秒</option>
								<option value="20000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time?? && reportModel.chartProperties.time == "20000" >selected="selected"</#if>>20秒</option>
								<option value="30000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time?? && reportModel.chartProperties.time == "30000" >selected="selected"</#if>>30秒</option>
								<option value="60000" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.time?? && reportModel.chartProperties.time == "60000" >selected="selected"</#if>>60秒</option>
					      </select>
					</span>
				</div>
			</div>
			
	    </div>
	    <div class="layui-tab-item">
			<div class="layui-form-item" style="position: relative;">
				<label class="layui-form-label">背景颜色</label>
				<div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					<input type="text" name="bgcolor" readonly="readonly" id="bgcolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.bgcolor!''}"</#if> autocomplete="off" placeholder="选择背景颜色" class="layui-input">
				</div>
				<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
				    <div id="bgcolor_tip"></div>
				</div>
			</div>
			<div class="layui-form-item" style="position: relative;">
				<label class="layui-form-label">不显示边框</label>
				<div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					<input type="checkbox" name="noborder" value="1" lay-skin="switch" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.noborder == true>checked="checked"</#if>>
				</div>
			</div>
			<div class="layui-form-item" style="position: relative;">
				<label class="layui-form-label">正文背景</label>
			    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
			      <input type="file" name="contentbg" autocomplete="off" placeholder="选择背景图片" class="layui-input">
			    </div>
			</div>
		    <div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					显示标题栏
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="showtitle" value="1" lay-skin="switch" lay-filter="showtitle"<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.showtitle == true>checked="checked"</#if>>
					</span>		
				</div>
				<div class="ukefu-right-content" id="showtitle" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.showtitle == false>style="display:none"</#if> >
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">文字颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="titlecolor" readonly="readonly" id="titlecolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.titlecolor!''}"</#if> autocomplete="off" placeholder="选择标题文字颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="titlecolor_tip"></div>
						</div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">显示粗体</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					     	<input type="checkbox" name="titlebold" lay-skin="primary" value="1" title="是" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.titlebold != "">checked="checked"</#if>>
					    </div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">显示下边框</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					     	<input type="checkbox" name="titleborder" lay-skin="primary" value="1" title="是" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.titleborder == true>checked="checked"</#if>>
					    </div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">文字大小</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="titlesize">
					      	<option value="">默认</option>
					      	<#list 12..30 as size>
					      	<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.titlesize == size>selected="selected"</#if>>${size}px</option>
					      	</#list>
					      </select>
					    </div>
					</div>
					<!-- <div class="layui-form-item">
					    <label class="layui-form-label">标题栏背景</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <input type="file" name="titlebg" autocomplete="off" placeholder="选择背景图片" class="layui-input">
					    </div>
					</div> -->
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					显示副标题
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="subtitle" value="true" lay-skin="switch" lay-filter="subtitle" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.subtitle >checked</#if>>
					</span>
				</div>
				<div class="ukefu-right-content" id="subtitle" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.subtitle == false>style="display:none"</#if> >
					<div class="layui-form-item" style="position: relative;">
						<label class="layui-form-label">文字颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <input type="text" name="subtitlecolor" readonly="readonly" id="subtitlecolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.subtitlecolor!''}"</#if> autocomplete="off" placeholder="选择标题文字颜色" class="layui-input">
					    </div>
				        <div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
				            <div id="subtitlecolor_tip"></div>
				        </div>
				    </div>
					<div class="layui-form-item">
					    <label class="layui-form-label">文字大小</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="subtitlesize">
					      	<option value="">默认</option>
					      	<#list 12..30 as size>
					      	<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.subtitlesize == size>selected="selected"</#if>>${size}px</option>
					      	</#list>
					      </select>
					    </div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">副标题内容</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <textarea name="subtitlecontent" placeholder="请输入副标题内容，支持HTML代码" class="layui-textarea"><#if reportModel?? && reportModel.chartProperties??>${reportModel.chartProperties.subtitlecontent!''}</#if></textarea>
					    </div>
					</div>
				</div>
			</div>
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					启用关联数据
					<span class="ukefu-right-item-span">
					<input type="checkbox" name="linkdata" value="true" lay-skin="switch" lay-filter="linkdata" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.linkdata >checked</#if>>
					</span>
				</div>
				<div class="ukefu-right-content" id="linkdata" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.linkdata == false>style="display:none"</#if> >
					<div class="layui-form-item">
					    <label class="layui-form-label">显示标题</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <input type="text" name="linkdatatitle" placeholder="请输入关联数据显示标题" class="layui-input" value="<#if reportModel?? && reportModel.chartProperties??>${reportModel.chartProperties.linkdatatitle!'合计'}</#if>"/>
					    </div>
					</div>
					
					<div class="layui-form-item">
					    <label class="layui-form-label">合并列数</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					    	<select name="linkcolspan">
					    		<option value="0">请选择合并列数</option>
								<#list 1..20 as inx>
									<option value="${inx}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.linkcolspan?? && reportModel.chartProperties.linkcolspan == inx>selected="selected"</#if>>${inx!''}</option>
								</#list>
						    </select>
					    </div>
					</div>
				</div>
				
				
			</div>
			<#if eltemplet?? && eltemplet.charttype?? && eltemplet.charttype != "">
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					正文内容样式
				</div>
				<div class="ukefu-right-content">
					<!-- <div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">名称颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="contentcolor" readonly="readonly" id="contentcolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.contentcolor!''}"</#if> autocomplete="off" placeholder="指标名称颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="contentcolor_tip"></div>
						</div>
					</div> -->
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">数值颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="contentvaluecolor" readonly="readonly" id="contentvaluecolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.contentvaluecolor!''}"</#if> autocomplete="off" placeholder="指标数值颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="contentvaluecolor_tip"></div>
						</div>
					</div>
					<!-- <div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">负值颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="minuscolor" readonly="readonly" id="minuscolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.minuscolor!''}"</#if> autocomplete="off" placeholder="指标数值颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="minuscolor_tip"></div>
						</div>
					</div> -->
					<!-- <div class="layui-form-item">
					    <label class="layui-form-label">名称字号</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="ctnamesize">
							<option value="">默认</option>
							<#list 12..30 as size>
							<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.ctnamesize == size>selected="selected"</#if>>${size}px</option>
							</#list>
					      </select>
					    </div>
					</div> -->
					
					<div class="layui-form-item">
					    <label class="layui-form-label">数值字号</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="ctvaluesize">
							<option value="">默认</option>
							<#list 12..30 as size>
							<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.ctvaluesize == size>selected="selected"</#if>>${size}px</option>
							</#list>
					      </select>
					    </div>
					</div>
					
					<!-- <div class="layui-form-item">
					    <label class="layui-form-label">正文背景</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <input type="file" name="contentbg" autocomplete="off" placeholder="选择背景图片" class="layui-input">
					    </div>
					</div> -->
				</div>
			</div>
			</#if>
			<#if eltemplet?? && eltemplet.charttype?? && eltemplet.charttype == "kpi">
			<div>
				<div class="ukefu-right-item">
					<i class="layui-icon" style="color:#1E90FF;font-size:20px;">&#xe620;</i>
					扩展参数设置
				</div>
				<div class="ukefu-right-content">
					<div class="layui-form-item">
					    <label class="layui-form-label">文字大小</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="contentsize">
							<option value="">默认</option>
							<#list 12..30 as size>
							<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.contentsize == size>selected="selected"</#if>>${size}px</option>
							</#list>
					      </select>
					    </div>
					</div>
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">图形颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="chartcolor" readonly="readonly" id="chartcolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.chartcolor!''}"</#if> autocomplete="off" placeholder="选择图形颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="chartcolor_tip"></div>
						</div>
					</div>
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">图形尺寸</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="chartsize" id="chartsize" value="<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartsize?? && reportModel.chartProperties.chartsize != "">${reportModel.chartProperties.chartsize!''}<#else>88</#if>" autocomplete="off" placeholder="请输入图例尺寸，例如：88" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">图例数量</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					      <select name="chartnum">
							<#list 0..6 as size>
							<option value="${size}" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartnum == size>selected="selected"</#if>>${size}</option>
							</#list>
					      </select>
					    </div>
					</div>
					<div class="layui-form-item">
					    <label class="layui-form-label">指标名称</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
					     	<input type="checkbox" name="chartext" lay-skin="primary" value="1" title="显示名称和指标" <#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartext == true>checked="checked"</#if>>
					    </div>
					</div>
					
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">名称颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="chartnamecolor" readonly="readonly" id="chartnamecolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.chartnamecolor!''}"</#if> autocomplete="off" placeholder="指标名称显示颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="chartnamecolor_tip"></div>
						</div>
					</div>
					
					<div class="layui-form-item" style="position: relative;">
					    <label class="layui-form-label">指标颜色</label>
					    <div class="layui-input-block" style="padding-top:0px;padding-right:0px;">
							<input type="text" name="chartvaluecolor" readonly="readonly" id="chartvaluecolor" <#if reportModel?? && reportModel.chartProperties??>value="${reportModel.chartProperties.chartvaluecolor!''}"</#if> autocomplete="off" placeholder="指标数值显示颜色" class="layui-input">
						</div>
						<div class="layui-inline" style="position: absolute;top:0px;right:0px;margin-right:0px;width:39px;background-color:#ffffff;">
						    <div id="chartvaluecolor_tip"></div>
						</div>
					</div>
				</div>
			</div>
			</#if>
			<div>
				<div class="layui-form-item" style="margin-top:10px;text-align: right;">
					<button class="layui-btn layui-btn-normal" style="width:100%;" lay-submit lay-filter="*">保存</button>
				</div>
			</div>
		  </div>
		  <div class="layui-tab-item">
			<table class="layui-table" lay-skin="row">
				<colgroup>
				    <col width="80%">
				    <col width="20%">
			    </colgroup>
				<thead>
				    <tr>
				      <th>关联数据</th>
				      <th>操作</th>
				    </tr> 
				  </thead>
				  <tbody>
				  	<#if reportModels??>
				  	<#list reportModels as mod>
				  	<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.linkdatajson?? && reportModel.chartProperties.linkdatajson?index_of(mod.id) gte 0>
				    <tr>
				      <td>${mod.name!''}</td>
				      <td>
				      	 <a href="/apps/report/design/selmodeldel.html?id=${reportModel.reportid!''}&mid=${reportModel.id!''}&lid=${mod.id!''}">移除</a>
				      </td>
				    </tr>
				    </#if>
				    </#list>
				    </#if>
				  </tbody>
			</table>
			
			<a href="/apps/report/design/selmodel.html?id=${reportModel.reportid!''}&mid=${reportModel.id!''}" data-width="550" data-height="300" class="layui-btn layui-btn-normal" data-toggle="ajax" style="width:100%;" lay-filter="*">选择关联数据</a>
		</div>
	  </div>
	</div>
	</form>
</div>
<script>
	var submitchartproperty = function(){
		let params = $("#chartppy").serialize();
		loadURL("/apps/report/design/changechartppy.html?"+params,"#${reportModel.id!''}");
	}
	layui.use('form', function(){
		  var form = layui.form;
		  form.render();
		  form.on('select(templatesel)', function(data){
			  window.location.href= "/apps/report/design/changetpl.html?mid=${reportModel.id!''}&tplid="+data.value;
			}); 
		  form.on('select(format)', function(data){
			  submitchartproperty();
			});
		  form.on('select(time)', function(data){
			  submitchartproperty();
			});
		  form.on('switch(isloadfulldata)', function(data){
			  if(data.elem.checked){
				  $("#isloadfulldata").show();
			  }else{
				  $("#isloadfulldata").hide();
			  }
			  submitchartproperty();
			}); 
		  form.on('switch(exporting)', function(data){
			  submitchartproperty();
			}); 
		  form.on('switch(exchangerw)', function(data){
			  submitchartproperty();
			}); 
		  form.on('submit(*)', function(data){
			  submitchartproperty();
			  return false;
			}); 
		  form.on('radio(pagesize)', function(data){
			  submitchartproperty();
			}); 
		  form.on('switch(legen)', function(data){
			  if(data.elem.checked){
				  $("#legen").show();
			  }else{
				  $("#legen").hide();
			  }
			  submitchartproperty();
			}); 
		  form.on('radio(legenalign)', function(data){
			  submitchartproperty();
			}); 
		  form.on('switch(dataview)', function(data){
			  submitchartproperty();
			}); 
		  
		  form.on('switch(showtitle)', function(data){
			  if(data.elem.checked){
				  $("#showtitle").show();
			  }else{
				  $("#showtitle").hide();
			  }  
			  //submitchartproperty();
		  });
		  
		  form.on('switch(subtitle)', function(data){
			  if(data.elem.checked){
				  $("#subtitle").show();
			  }else{
				  $("#subtitle").hide();
			  }  
			  //submitchartproperty();
		  });
		  form.on('switch(linkdata)', function(data){
			  if(data.elem.checked){
				  $("#linkdata").show();
			  }else{
				  $("#linkdata").hide();
			  }  
			  //submitchartproperty();
		  });
		});
		layui.use('colorpicker', function(){
		  var $ = layui.$
		  ,colorpicker = layui.colorpicker;
		  //表单赋值
		  colorpicker.render({
		    elem: '#subtitlecolor_tip'
		    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.subtitlecolor != "">${reportModel.chartProperties.subtitlecolor!''}</#if>'
		    ,done: function(color){
		      $('#subtitlecolor').val(color);
		    }
		  }); 
		  
		  colorpicker.render({
			    elem: '#bgcolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.bgcolor != "">${reportModel.chartProperties.bgcolor!''}</#if>'
			    ,done: function(color){
			      $('#bgcolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#titlecolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.titlecolor != "">${reportModel.chartProperties.titlecolor!''}</#if>'
			    ,done: function(color){
			      $('#titlecolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#contentcolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.contentcolor != "">${reportModel.chartProperties.contentcolor!''}</#if>'
			    ,done: function(color){
			      $('#contentcolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#chartcolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartcolor != "">${reportModel.chartProperties.chartcolor!''}</#if>'
			    ,done: function(color){
			      $('#chartcolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#contentvaluecolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.contentvaluecolor != "">${reportModel.chartProperties.contentvaluecolor!''}</#if>'
			    ,done: function(color){
			      $('#contentvaluecolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#chartvaluecolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartvaluecolor != "">${reportModel.chartProperties.chartvaluecolor!''}</#if>'
			    ,done: function(color){
			      $('#chartvaluecolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#minuscolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.minuscolor != "">${reportModel.chartProperties.minuscolor!''}</#if>'
			    ,done: function(color){
			      $('#minuscolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#minuscolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.minuscolor != "">${reportModel.chartProperties.minuscolor!''}</#if>'
			    ,done: function(color){
			      $('#minuscolor').val(color);
			    }
			  }); 
		  colorpicker.render({
			    elem: '#chartnamecolor_tip'
			    ,color: '<#if reportModel?? && reportModel.chartProperties?? && reportModel.chartProperties.chartnamecolor != "">${reportModel.chartProperties.chartnamecolor!''}</#if>'
			    ,done: function(color){
			      $('#chartnamecolor').val(color);
			    }
			  }); 
		  
		});
</script>
